<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>APP address</title>
        <style>
         body {
             padding-top: 2rem;
             padding-bottom: 2rem;
         }

         h3 {
             margin-top: 2rem;
         }
        p {
             margin-top: 2rem;
         }

         .row {
             margin-bottom: 1rem;
         }
         .row .row {
             margin-top: 1rem;
             margin-bottom: 0;
         }
         [class*="col-"] {
             padding-top: 1rem;
             padding-bottom: 1rem;
             background-color: rgba(86, 61, 124, .15);
             border: 1px solid rgba(86, 61, 124, .2);
         }

         hr {
             margin-top: 2rem;
             margin-bottom: 2rem;
         }

        </style>
    </head>
    <body>
        <div class="address" >
            <p>Bengal--孟加拉环境</p>
            <table class="addresstable" >
                <tr>
                    <th scope="col" >ID</th>
                    <th scope="col" >应用名称</th>
                    <th scope="col" >内网地址</th>
                    <th scope="col" >映射地址</th>
                    <th scope="col" >登录用户</th>
                </tr>
                {% for s in BengalAPP %}
                <tr>
                    <th>{{ s.id }}</th>
                    <th>{{ s.app_name }}</th>
                    <th><a target=_blank href="{{ s.path_prefix + s.IP + ':' + s.port + s.path_suffix }}">内网链接</a></th>
                    <th><a target=_blank href="{{ s.path_prefix + s.NAT_IP + ':' + s.NAT_port + s.path_suffix }}">映射链接</a></th>
                    <th>{{ s.login_name }}</th>
                </tr>
                {% endfor %}
            </table>
            

            <div>
                <div>ID</div>
                <div>app</div>
                <div>Intranet</div>
                <div>External</div>
                <div>login</div>
            </div>
            {% for s in BengalAPP %}
            <div>
                <div>{{ s.id }}</div>
                <div>{{ s.app_name }}</div>
                <div>Intranet</div>
                <div><a href="{{ s.path_prefix + s.IP + ':' + s.port + s.path_suffix }}">{{ s.path_prefix + s.IP + ':' + s.port + s.path_suffix }}</a></div>
                <div><a href="{{ s.path_prefix + s.NAT_IP + ':' + s.NAT_port + s.path_suffix }}">{{ s.path_prefix + s.NAT_IP + ':' + s.NAT_port + s.path_suffix }}</a></div>
            </div>
            {% endfor %}
        </div>

        <script>

        </script>
    </body>
</html>
